<div class="tpl-content-wrapper">
    <div class="container-fluid am-cf">
        <div class="row">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
                <div class="page-header-heading"><span class="am-icon-home page-header-heading-icon"></span> 后台首页
                    <small>AI Future</small>
                </div>
                <p class="page-header-description">爱未来团队--兼职运作管理平台</p>
            </div>
        </div>
    </div>

    <div class="row-content am-cf">
        <div class="row  am-cf">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">平台总收支</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>
                    <div class="widget-body am-fr">
                        <div class="am-fl">
                            <div class="widget-fluctuation-period-text">
                                -￥61746.45
                            </div>
                        </div>
                        <div class="am-fr am-cf">
                            <div class="widget-fluctuation-description-amount text-success" am-cf>
                                +￥30420.56

                            </div>
                            <div class="widget-fluctuation-description-text am-text-right">
                                8月份收入
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                <div class="widget widget-primary am-cf">
                    <div class="widget-statistic-header">
                        总利润
                    </div>
                    <div class="widget-statistic-body">
                        <div class="widget-statistic-value">
                            ￥27,294
                        </div>
                        <div class="widget-statistic-description">
                            本季度比去年多收入 <strong>2593元</strong> 人民币
                        </div>
                        <span class="widget-statistic-icon am-icon-credit-card-alt"></span>
                    </div>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-6 am-u-lg-4">
                <div class="widget widget-purple am-cf">
                    <div class="widget-statistic-header">
                        网站流量
                    </div>
                    <div class="widget-statistic-body">
                        <div class="widget-statistic-value">
                            IP 27,294
                        </div>
                        <div class="widget-statistic-description">
                            今日访问IP: <strong>2593</strong>
                        </div>
                        <span class="widget-statistic-icon am-icon-support"></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row am-cf">
            <div class="am-u-sm-12 am-u-md-8">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">月度财务收支计划</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>
                    <div class="widget-body-md widget-body tpl-amendment-echarts am-fr" id="tpl-echarts">

                    </div>
                </div>
            </div>

            <div class="am-u-sm-12 am-u-md-4">
                <div class="widget am-cf">
                    <div class="widget-head am-cf">
                        <div class="widget-title am-fl">服务器负载</div>
                        <div class="widget-function am-fr">
                            <a href="javascript:;" class="am-icon-cog"></a>
                        </div>
                    </div>
                    <div class="widget-body widget-body-md am-fr">

                        <div class="am-progress-title">CPU Load <span
                                    class="am-fr am-progress-title-more"><?php echo $data[0]."% / "."100%";?></span></div>
                        <div class="am-progress">
                            <div class="am-progress-bar" style="width: <?php echo (100-$data[0])."%";?>"></div>
                        </div>
                        <div class="am-progress-title">内存 Load <span
                                    class="am-fr am-progress-title-more"><?php echo $data[2]."MB / ".$data[1]."MB";?></span></div>
                        <div class="am-progress">
                            <div class="am-progress-bar  am-progress-bar-warning" style="width: <?php echo $data[2]/$data[1]."%";?>"></div>
                        </div>
                        <div class="am-progress-title">硬盘 Load <span
                                    class="am-fr am-progress-title-more"><?php echo $data[4]."MB / ".$data[3]."MB";?></span></div>
                        <div class="am-progress">
                            <div class="am-progress-bar am-progress-bar-danger" style="width: <?php echo $data[4]/$data[3]."%";?>"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


<!--        <div class="row am-cf">-->
<!--            <div class="am-u-sm-12 am-u-md-12 am-u-lg-4 widget-margin-bottom-lg ">-->
<!--                <div class="tpl-user-card am-text-center widget-body-lg">-->
<!--                    <div class="tpl-user-card-title">-->
<!--                        --><?php //$session = new yii\web\Session();echo $session['Admin']['name'];?>
<!--                    </div>-->
<!--                    <div class="achievement-subheading">-->
<!--                        AI Future 最佳员工-->
<!--                    </div>-->
<!--                    <img class="achievement-image" src="admin/index/img/user07.png" alt="">-->
<!--                    <div class="achievement-description">-->
<!--                        --><?php //echo $session['Admin']['name'];?><!--在-->
<!--                        <strong>30天内</strong> 发布了-->
<!--                        <strong>200多</strong>件事务。-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 widget-margin-bottom-lg">-->
<!---->
<!--                <div class="widget am-cf widget-body-lg">-->
<!---->
<!--                    <div class="widget-body  am-fr">-->
<!--                        <div class="am-scrollable-horizontal ">-->
<!--                            <table width="100%" class="am-table am-table-compact am-text-nowrap tpl-table-black "-->
<!--                                   id="example-r">-->
<!--                                <thead>-->
<!--                                <tr>-->
<!--                                    <th>公告标题</th>-->
<!--                                    <th>作者</th>-->
<!--                                    <th>时间</th>-->
<!--                                    <th>操作</th>-->
<!--                                </tr>-->
<!--                                </thead>-->
<!--                                <tbody>-->
<!--                                <tr class="gradeX">-->
<!--                                    <td>新加坡大数据初创公司 Latize 获 150 万美元风险融资</td>-->
<!--                                    <td>张鹏飞</td>-->
<!--                                    <td>2016-09-26</td>-->
<!--                                    <td>-->
<!--                                        <div class="tpl-table-black-operation">-->
<!--                                            <a href="javascript:;">-->
<!--                                                <i class="am-icon-pencil"></i> 编辑-->
<!--                                            </a>-->
<!--                                            <a href="javascript:;" class="tpl-table-black-operation-del">-->
<!--                                                <i class="am-icon-trash"></i> 删除-->
<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                               -->
<!--                                <tr class="gradeX">-->
<!--                                    <td>关于创新管理，我想和你当面聊聊。</td>-->
<!--                                    <td>王宽师</td>-->
<!--                                    <td>2016-09-26</td>-->
<!--                                    <td>-->
<!--                                        <div class="tpl-table-black-operation">-->
<!--                                            <a href="javascript:;">-->
<!--                                                <i class="am-icon-pencil"></i> 编辑-->
<!--                                            </a>-->
<!--                                            <a href="javascript:;" class="tpl-table-black-operation-del">-->
<!--                                                <i class="am-icon-trash"></i> 删除-->
<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!--                                <tr class="even gradeC">-->
<!--                                    <td>Docker领域再添一员，网易云发布“蜂巢”，加入云计算之争</td>-->
<!--                                    <td>醉里挑灯看键</td>-->
<!--                                    <td>2016-09-26</td>-->
<!--                                    <td>-->
<!--                                        <div class="tpl-table-black-operation">-->
<!--                                            <a href="javascript:;">-->
<!--                                                <i class="am-icon-pencil"></i> 编辑-->
<!--                                            </a>-->
<!--                                            <a href="javascript:;" class="tpl-table-black-operation-del">-->
<!--                                                <i class="am-icon-trash"></i> 删除-->
<!--                                            </a>-->
<!--                                        </div>-->
<!--                                    </td>-->
<!--                                </tr>-->
<!---->
<!---->
<!--                                <!-- more data -->-->
<!--                                </tbody>-->
<!--                            </table>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

    </div>
</div>
